<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="hello">
  <title>99乘法表</title>
  <style type="text/css">
	*{margin:0;padding:0;}
	ul,ol{list-style:none;}
	a{text-decoration:none;}

	p{
		overflow: hidden;
		margin-bottom: 5px;
	}

	p span{
		float: left;
		width: 80px;
		height: 40px;
		line-height: 40;
		border: 1px solid blue;
		margin-right: 5px;
		text-align: center;
		font-size:16px;
	}
  </style>
 </head>
 <body>
	<div id="box"></div>
	<script>
		for(var r=1;r<=9;r++){
			var p = document.createElement("p");
			for(var c=1;c<=r;c++){
				var s = document.createElement("span");
					s.innerHTML = r +"*"+c+"="+(r*c);
				p.appendChild(s);
			}
			box.appendChild(p);
		}
	</script>
 </body>
</html>
